<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icon-font/iconfont.css">
    <script src="./js/base.js"></script>
    <title>交割</title>
</head>
<body>
<div id="main">
    <header>
        <div class="toggle-menu float-left">
            <i class="menu-icon float-left"></i>
            <span class="menu-name float-left">菜单</span>
        </div>
        <i class="line float-left "></i>
        <i class="logo float-left"></i>
        <div class="current-label">
            功能&gt;首页
        </div>
        <i class="tip float-left"></i>
        <div class="setting float-right">

            <span class="float-left nickname">13522055871</span>
            <i class="float-left portrait">
                <img src="./images/headpicture.png" alt="">
                <div class="user-info-wrapper">
                    <div class="user-info-name clear-both">
                        <i class="user-picture float-left">
                            <img src="./images/headpicture.png" alt="">
                        </i>
                        <span class="welcome float-left">尊敬的用户，您好！</span>
                    </div>
                    <div class="product-information">
                        <div class="product-information-title">
                            已购买产品信息
                        </div>
                        <p class="no-product" id="no_product">暂无已购买的产品</p>
                        <ul id="has_product">

                        </ul>
                    </div>
                    <button class="login-out">退出登录</button>
                </div>
            </i>

        </div>
    </header>
    <div class="top">
        <ul class="nav-bar float-left">
            <li class="nav-item"><a href="/" class="text-wrapper">首页</a></li>
            <li class="nav-item">
                <a href="javascript:;" class="text-wrapper"><span>板块</span><i class="icon iconfont">&#xe6b9;</i></a>
                <ul class="slide-menu">
                    <li class="slide-menu-item"><a class="btn1">行业板块</a></li>
                    <li class="slide-menu-item"><a class="btn1">概念板块</a></li>
                    <li class="slide-menu-item"><a class="btn1">综合排行</a></li>

                </ul>
            </li>
            <li class="nav-item">
                <a href="javascript:;" class="text-wrapper"><span>分析</span><i class="icon iconfont">&#xe6b9;</i></a>
                <ul class="slide-menu">
                    <li class="slide-menu-item"><a class="btn1">报价分析</a></li>
                    <li class="slide-menu-item"><a class="btn1">即时分析</a></li>
                    <li class="slide-menu-item"><a class="btn1">技术分析</a></li>
                </ul>
            </li>
            <li class="nav-item">
                <a href="javascript:;" class="text-wrapper"><span>策略</span><i class="icon iconfont">&#xe6b9;</i></a>
                <ul class="slide-menu">
                    <li class="slide-menu-item"><a class="btn1" href="javascript:;" id="strategy_row_btn">安信策略</a></li>
                    <li class="slide-menu-item" id="parent-menu"><a class="btn1" href="javascript:;">大盘分析</a>
                        <ul class="slide-menu-2">
                            <li class="slide-menu-item slide-menu-item-2"><a class="btn2" href="javascript:;">上证指数</a></li>
                            <li class="slide-menu-item slide-menu-item-2"><a class="btn2" href="javascript:;">深证成指</a></li>
                            <li class="slide-menu-item slide-menu-item-2"><a class="btn2" href="javascript:;">中小板指</a></li>
                            <li class="slide-menu-item slide-menu-item-2"><a class="btn2" href="javascript:;">创业板指</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a href="javascript:;" class="text-wrapper"><span>快报</span><i class="icon iconfont">&#xe6b9;</i></a>
                <ul class="slide-menu">
                    <li class="slide-menu-item"><a class="btn1">财经资讯</a>
                    </li>
                    <li class="slide-menu-item"><a class="btn1">公司资料</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a href="javascript:;" class="text-wrapper"><span>提示</span><i class="icon iconfont">&#xe6b9;</i></a>
                <ul class="slide-menu">
                    <li class="slide-menu-item"><a class="btn1" href="javascript:;">使用说明</a></li>
                    <li class="slide-menu-item"><a class="btn1" href="javascript:;">风险提示</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <ul class="side-nav float-left">
        <li><a class="wColor" href="javascript:;">沪深A股</a></li>
        <li><a>行业板块</a></li>
        <li><a>自选股</a></li>
        <li id="strategy_btn"><a href="javascript:;">选股策略</a></li>
        <li><a>地区板块</a>
        </li>
        <li>
            <a>概念分类</a>
        </li>
        <li><a>热板</a></li>
    </ul>
    <div class="content xgcl clear-both">
        <div class="content-panel float-left">
            <div class="menu_list">
                <b class="choice-title">选择指标：</b>
                <select name="" id="choiceSelect">
                </select>
                <b class="choice-title" style="margin: 0 auto">已选择的股票代码：</b>
                <div class="search-wrapper" style="background: #ccced2;">
                    <span class="checked-code" id="checked_code"></span>
                </div>
                <div class="search-wrapper clear-both" style="margin-top: 0.2rem">
                    <span class="search-title float-left">搜索</span>
                    <input type="text" id="search" class="float-left" placeholder="名称/代码/" onblur="">
                    <i class="float-right search-icon"></i>
                    <div class="search-panel" id="search_panel">

                    </div>
                </div>
                <button class="submit-btn" id="submit_btn">提交</button>
            </div>
            <div class="table-wrapper float-left">
                <table border="0" cellpadding="0" cellspacing="0">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>代码</th>
                        <th>名称</th>
                        <th>涨幅</th>
                        <th>卖价</th>
                        <th>现价</th>
                        <th>成交量</th>
                        <th>总金额</th>
                        <th>所属行业</th>
                        <th>换手率</th>
                        <th>市盈率</th>
                        <th>市净率</th>
                        <th>市销率</th>
                        <th>每股经营现金</th>
                        <th>销售毛利率</th>
                        <th>资产负债率</th>
                        <th>净资产收益率</th>
                        <th>量比</th>
                        <th>振幅</th>
                        <th>上市日期</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--<div id="tips-text-bg">
        <div class="tips-text">
            <p>量化选股基于历史数据运算，不构成对未来趋势预测，亦非投资建议，据此操作风险自担</p>
            <button class="confirm-strategy-btn">同意并知悉</button>
        </div>
    </div>-->
</div>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/headerMenu.js"></script>
<script src="./js/index.js"></script>
<script>

</script>
</body>
</html>